<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./tc.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>
<body>
    <div class="tobu">
        <img src="http://img601.yun300.cn/repository/image/fa5648aa-7f94-41fd-9457-a657bc8fcbb1.jpg?tenantId=215997&viewType=1&k=1642041118000" width="65px" height="100px">
        <div class="daohang">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">地段</a></li>
                <li><a href="#">景观</a></li>
                <li><a href="#">建筑</a></li>
                <li><a href="#">品质</a></li>
                <li><a href="#">会所</a></li>
                <li><a href="#">画语</a></li>
                <li><a href="#">租售</a></li>
                <li><a href="#">新闻</a></li>
                <li><a href="#">EN</a></li>
            </ul>
        </div>
        <div class="lianxi">
            <a href="tel:86-21-58885678" class="dianhua"><img src="./e2263a0910ed3f8ccc0525269eee8be.png"></a>
            <p class="haoma"><a href="tel:86-21-58885678" class="haomaer">86-21-58885678</a></p>
        </div>
    </div>
    <div class="box">
        <ul class="list">
            <div class="huahuatu">
                <p class="animate__animated animate__backInUp">爱中国丶爱上海丶共圆中国梦</p>
                <p class="zhongtu animate__animated animate__backInUp"></p><p class="zhongt animate__animated animate__backInUp"></p>
                <p class="love animate__animated animate__backInUp">Love China, Love Shanghai,Realize China Dream</p>
            </div>
            <li>
                <img src="http://www.tomson-riviera.com/repository/image/4b083b58-6532-44a3-ab9c-da22cca49f6a.jpg">
            </li>
            <li>
                <img src="http://www.tomson-riviera.com/repository/image/6c4ab76f-a438-46fe-b754-5d77717d2d02.jpg">
            </li>
            <li>
                <img src="http://www.tomson-riviera.com/repository/image/124abc55-f277-4ec7-8fe8-78fa08a32082.jpg">
            </li>
        </ul>
    </div>
</body>
</html>